﻿@charset "utf-8";
.w_1200{width: 1200px;margin: 0 auto;position: relative;}

.top{border-top: 2px solid #036eb8;width: 100%;height: 33px;line-height: 33px;background: #fff;overflow: hidden;}
.top .fl span{padding-left: 30px;background: url(../image/hi.jpg) left center no-repeat;display: block;font-size: 14px;color: #565656;}
.top .fr ul{background: #036eb8 url(../image/top_fr.jpg) left center no-repeat;border-bottom-right-radius: 5px;padding-left: 40px;}
.top .fr ul li{float: left;}
.top .fr ul li a{margin: 0 5px;color: #fff;padding-left: 20px;font-size: 14px;}
.top .fr ul li.s1 a{background: url(../image/s1.png) left center no-repeat;}
.top .fr ul li.s2 a{background: url(../image/s2.png) left center no-repeat;}
.top .fr ul li.s3 a{background: url(../image/s3.png) left center no-repeat;}

.head{width: 100%;height: 90px;background: #fff;overflow: hidden;}
.logo{margin-top: 9px;}
.h_a {color: #000; margin-top: 20px; margin-left: 10px;border-left: 1px solid #ccc;margin-left: 15px;padding-left: 15px;}
.h_a span{font-size: 14px;color: #036eb8;line-height: 20px;}
.head_rtel {float: right; background: url(../image/i_tel.jpg) left 15px no-repeat; height: 60px; padding: 13px 10px 0 68px; }
.head_rtel span {color: #656565; display: block; font-size: 16px; line-height: 25px; }
.head_rtel b {display: block; font-size: 30px; line-height: 35px; font-family: impact; color: #036eb8; font-weight: normal; }

.menu{height: 48px;background:#036eb8;line-height:48px;width: 100%;}
.menu .nav{position:relative; z-index:1;  }
.menu .nav a{ color:#fff;  }
.menu .nav .nLi{ float:left;  position:relative; display:inline;}
.menu .nav .nLi h3{ float:left;  }
.menu .nav .nLi h3 a{ display:block; font-size:16px; font-weight:normal;  width: 150px;text-align: center;}
.menu .nav .sub{ display:none; width:150px; left:0px; top:48px;  position:absolute; background:#036eb8;  line-height:35px; text-align: center; }
.menu .nav .sub a{color: #fff;}
.menu .nav .sub li{ zoom:1;    position: relative; }
.menu .nav .sub a{ display:block; padding:0 10px; }
.menu .nav .sub a:hover{  background:#13458e; color:#fff;}
.menu .nav .on h3 a{ background:#009944; color:#fff;}
.sub1 {background: #148cd2; position: absolute; left: 150px; /* display: none; */ width: 150px; top: 0; }

.fullSlide{ width:100%;  position:relative;  height:640px; background:#000;  }
.fullSlide .bd{ margin:0 auto; position:relative; z-index:0; overflow:hidden;  }
.fullSlide .bd ul{ width:100% !important;  }
.fullSlide .bd li{ width:100% !important;  height:640px; overflow:hidden; text-align:center;  }
.fullSlide .bd li a{ display:block; height:640px; }
.fullSlide .hd{ width:100%;  position:absolute; z-index:1; bottom:0; left:0; height:30px; line-height:30px; }
.fullSlide .hd ul{ text-align:center; }
.fullSlide .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:14px; height:14px; margin:5px; overflow:hidden; background:#1a1313;  line-height:999px;-moz-border-radius:50%; -webkit-border-radius:50%;border-radius:50%; }
.fullSlide .hd ul .on{ background:#026eb7;  }
.fullSlide .prev,
.fullSlide .next{  display:block;  position:absolute; z-index:1; top:50%; margin-top:-30px; left:4%;  z-index:1; width:40px; height:60px; background:url(../image/slider-arrow.png) -126px -137px #000 no-repeat;  cursor:pointer; filter:alpha(opacity=50);opacity:0.5; display:none;  }
.fullSlide .next{ left:auto; right:4%; background-position:-6px -137px; }


.main1{background: #fff;padding-top: 55px;height: 180px;overflow: hidden;}
.m1_left{float: left;width: 550px;}
.m1_left ul li{float: left;width: 115px;height: 110px;border:1px solid #626262;margin-right: 15px;text-align: center;padding-top: 5px;}
.m1_left ul li i{display: inline-block;width: 80px;height: 80px;}
.m1_left ul li i.i1{background: url(../image/ico01.png) center no-repeat;}
.m1_left ul li i.i2{background: url(../image/ico02.png) center no-repeat;}
.m1_left ul li i.i3{background: url(../image/ico03.png) center no-repeat;}
.m1_left ul li i.i4{background: url(../image/ico04.png) center no-repeat;}

.m1_left ul li:hover i.i1{background:url(../image/ico_01.png) center no-repeat;}
.m1_left ul li:hover i.i2{background:url(../image/ico_02.png) center no-repeat;}
.m1_left ul li:hover i.i3{background:url(../image/ico_03.png) center no-repeat;}
.m1_left ul li:hover i.i4{background:url(../image/ico_04.png) center no-repeat;}
.m1_left ul li:hover{background: #036eb8;}
.m1_left ul li:hover span{color: #fff;}
.m1_left ul li span{font-size: 16px;line-height: 25px;color: #242424;display: block;}

.m1_right{float: right;width: 630px;}
.m1_right p{font-size: 14px;color: #7d7d7d;line-height: 28px;}
.m1_right .fl{width: 484px;}
.m1_right .fr{width: 146px;}
.m1_right .fl input{    border: 1px solid #b8b8b8; background: #fff; height: 36px; line-height: 36px; color: #acacac; font-size: 13px; padding-left: 10px; margin-right: 10px; width: 40%; margin-bottom: 10px; outline: none;}
.m1_right .fr button {border:1px solid #036eb8; width: 160px; height: 36px; line-height: 36px; text-align: center; background: #fff; font-size: 16px; color: #036eb8; outline: none; }
.m1_right .fr a{margin-top: 10px; display: block; border:1px solid #036eb8; width: 158px; height: 36px; line-height: 36px; text-align: center; background: #fff; font-size: 16px; color: #036eb8; outline: none; }


.main2{width: 100%;height: 173px;background: url(../image/m2_bg.jpg) center no-repeat;}
.m2_nav{float: right;width: 795px;padding-top: 50px;}
.m2_nav ul li a{float: left;width: 170px;height: 40px;text-align: center;border:1px solid #fff;color: #fff;line-height: 40px;font-size: 16px;margin-left: 15px;margin-bottom: 15px;}
.m2_nav ul li a:hover{color: #fff;background: #036eb8;}

.main3{width: 100%;padding-top: 40px;height: 460px;}
.proListPic { padding-bottom: 8px; overflow: hidden; }
.proListPic ul li{position: relative;float:left; width:288px; height:200px; margin-right:10px; margin-bottom: 10px;border:1px solid #ffffff; overflow: hidden; }
.proListPic ul li .pic{position:relative;width:288px; height:200px; background-position:center; background-repeat:no-repeat; background-size:cover;}
.proListPic ul li .title{position: absolute;left:0px;bottom:0px; width: 271px; height: 40px; padding: 0px 8px; color:#ffffff; font-size: 14px; line-height:40px; text-align: center; background: url(../image/probg.png); }
.proListPic ul li .intro {position: absolute;left:0px;bottom:0px; width: 288px; height: 182px; display: none; }
.proListPic ul li .intro a{width:271px; height:162px;  padding: 10px 8px 10px 8px; display:block; color:#fffff;font-size:14px;line-height:16px; text-align:left; background: url(../image/probg.png); }
.proListPic ul li .intro span{width:210px; padding: 0px 8px; height:36px; border-bottom: 1px solid #ffffff; margin: 0 auto; display: block; color:#ffffff;font-size:14px;line-height:36px; text-align:left; }
.proListPic ul li .intro p{width:255px; height: 104px; padding:10px 8px; color:#ffffff;font-size:14px;line-height:22px; text-align:left; }

.main4{width: 100%;height: 1500px;}
.m4_box{width: 100%;text-align: center;height: 120px;background: #036eb8;padding-top: 40px;}
.m4_box1{width: 100%;min-height: 260px;position: relative;padding-top: 20px;margin-bottom: 20px;}
.m4_box2{width: 100%;min-height: 260px;position: relative;padding-top: 20px;margin-bottom: 20px;}
.m4_box3{width: 100%;min-height: 260px;position: relative;padding-top: 20px;margin-bottom: 20px;}
.m4_box4{width: 100%;min-height: 260px;position: relative;padding-top: 20px;margin-bottom: 20px;}
.m4_box1 em{display: block;width: 160px;height: 50px;line-height: 50px;text-align: center;color: #fff;background: #036eb8;position: absolute;left: 524px;top: 42%;font-size: 20px;}
.m4_box2 em{display: block;width: 160px;height: 50px;line-height: 50px;text-align: center;color: #fff;background: #036eb8;position: absolute;left: 524px;top: 42%;font-size: 20px;}
.m4_box3 em{display: block;width: 160px;height: 50px;line-height: 50px;text-align: center;color: #fff;background: #036eb8;position: absolute;left: 524px;top: 42%;font-size: 20px;}
.m4_box4 em{display: block;width: 160px;height: 50px;line-height: 50px;text-align: center;color: #fff;background: #036eb8;position: absolute;left: 524px;top: 42%;font-size: 20px;}
.m4_miao{width: 480px;padding-top: 40px;}
.m4_miao h4{font-size: 28px;font-weight: normal;padding-left: 70px;background: url(../image/m4_h4.jpg) left center no-repeat;line-height: 45px;display: block;}
.m4_miao span{font-size: 15px;color: #767676;text-transform: uppercase;}
.m4_miao .nr{font-size: 18px;margin-top: 15px;color: #414141;line-height: 25px;}

.main5{width: 100%;background: #1a428b url(../image/m5_bg.jpg);height: 118px;padding-top: 30px;}
.main5 .fr .tel p{color: #fff;font-size: 18px;line-height: 1.3}
.main5 .fr .tel b{color: #fff;font-size: 20px;line-height: 1.3}
.main5 .fr  a{display: block;border:1px solid #fff;color: #fff;width: 100px;height: 35px;line-height: 35px;text-align: center;font-size: 16px;margin-top: 5px;}

.main6{padding-top: 60px;width: 100%;height: 420px;overflow: hidden;background: #fff;}
.main6 .fl{width:500px; }
.main6 .fr{width: 650px;padding-top: 40px;}
.main6 .fl img{border:1px solid #ddd;padding: 4px;}
.main6 .fr h4{font-size: 24px;color: #036eb8;line-height: 40px;}
.main6 .fr .nr{font-size: 14px;line-height: 25px;padding-top: 20px;height: 160px;}
.main6 .fr a{display: block;width: 160px;height: 45px;line-height: 45px;background: #036eb8;text-align: center;font-size: 16px;color: #fff;}


.com_til{text-align: center;background: url(../image/com_til.png) bottom center no-repeat;height: 60px;}
.com_til h4{font-size: 24px;line-height: 35px;color: #323232;}
.com_til span{text-transform: uppercase;color: #036eb8;font-size: 22px;line-height: 30px;}
.main7{width: 100%;height: 510px;padding-top: 40px;background: #f4f4f4;}
.picScroll-left{ overflow:hidden; position:relative;}
.picScroll-left .bd{ padding:0 80px;   }
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center; position: relative; }
.picScroll-left .bd ul li .pic{ text-align:center; }
.picScroll-left .bd ul li .pic img{ width:333px; height:333px; display:block;}
.picScroll-left .bd ul li .pic a:hover img{ border-color:#999;  }
.picScroll-left .bd ul li .title{ line-height:45px; height: 45px;    background: rgba(0, 0, 0, 0.7);color: #fff;text-align: center;font-size: 16px;  }
.picScroll-left .bd ul li .title a{color: #fff;}
.picScroll-left .prev,
.picScroll-left .next{ position:absolute; left:0%; top:50%; margin-top:-25px; display:block; width:50px; height:50px; background:url(../image/slider1-arrow.jpg) 0px 0px no-repeat; filter:alpha(opacity=80);opacity:0.8;   }
.picScroll-left .next{ left:auto; right:0%; background-position:-50px 0px; }
.picScroll-left .prev:hover,
.picScroll-left .next:hover{ filter:alpha(opacity=100);opacity:1;  }


.main8{width: 100%;height: 470px;padding-top: 40px;background: #fff;}
.main8 .fl1{width: 580px;}
.main8 .fr1{width: 600px;}
.fc_top {height: 38px; line-height: 38px; margin: 0 0 18px; }
.fc_top ul li {float: left; background: url(../image/dt_bor.gif) no-repeat right center; padding: 0 25px; }
.fc_top ul li a:hover, .fc_top ul .cur a {font-weight: bold; background: url(../image/fc_xx.jpg) no-repeat 0 bottom; }
.fc_top ul li a {font-size: 18px; color: #333; height: 38px; line-height: 38px; display: block; }
.inews .one .time{color:#fff; background:#1258c6;  }
.inews .time{font-family:Arial, Helvetica, sans-serif;width:90px; height:90px; padding-top:10px; color:#1258c6; background:#036eb8; float:left; text-align:center;}
.inews .time span{ font-size:28px;line-height: 40px;color: #fff;}
.inews .time p{ font-size:16px;line-height: 30px;color: #fff;}
.inews ul li{ float:left; width:600px; margin:0 0 18px 0; background:#e5e5e5; padding:1px;border:1px solid #036eb8;}
.news_r{ float:right; line-height:18px;width:480px; padding-right:10px;}
.news_r a{ color:#1051b8;font-family:'Microsoft Yahei'; margin-top:15px; font-size:14px; width:100%; float:left; margin-bottom:7px;text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.inews .title{ width:100%;padding-bottom:3px;position:relative; height:24px; border-bottom:1px solid #ededed;}
.inews .title .fl{ float:left; border-left:3px solid #1258c6; line-height:21px; height:21px; color:#1251ae; font-size:20px;font-family:'Microsoft Yahei'; padding-left:5px; margin-left:10px; display:inline;}
.inews .more{ float:right;font-size:12px; text-align:left; width:77px; padding-left:10px;height:22px; line-height:22px;color:#1251ae;background:url(../images/more.gif) top right no-repeat;}
.new_box img{width: 100%;height: 200px;margin-bottom: 10px;}
.new_box .til{font-size: 18px;line-height: 35px;}
.new_box .til .fr{font-size: 16px;}
.new_box .nr{padding-top: 10px;font-size: 14px;height: 80px;line-height: 25px;}
.new_box span{float: right;color: #036eb8;font-size: 14px;}


.main9{width: 100%;height: 585px;padding-top: 90px;background: #eeeeee url(../image/m9_bg.jpg) center no-repeat;}
.main9 .til{float: right;width: 940px;line-height: 65px;height: 65px;}
.main9 .til h4{color: #fff;font-size: 34px;}
.main9 .til h4 font{font-size: 26px;color: #036eb8;margin-left: 50px;font-weight: normal;}
.main9 .til1{float: right;width: 940px;line-height: 40px;height: 40px;font-size: 16px;text-transform: uppercase;color: #333;}

.main9 .til2{position: absolute;left: 250px;top: 180px;}
.main9 .til2 h4{font-size: 36px;line-height: 40px;color: #036eb8;}
.main9 .til2 span{font-size: 14px;line-height:20px;color: #036eb8;}
.main9 .m9_box{position: absolute;width: 950px;right: 0;top: 190px;height: 390px;}
.m9_ul{width: 100%;}
.m9_ul>ul{float: right;width: 578px;}
.m9_ul>ul li{float: left;text-align: center;font-size: 20px;width:190px;height: 53px;line-height: 53px;border:1px solid #036eb8;color: #036eb8;}
.m9_ul>ul li a{color: #036eb8;}
.m9_ul>ul li.on{background:#036eb8; }
.m9_ul>ul li.on a{color: #fff;}
.picMarquee-left{ overflow:hidden; position:relative;}
.picMarquee-left .bd{ padding:10px;   }
.picMarquee-left .bd ul{ overflow:hidden; zoom:1; }
.picMarquee-left .bd ul li{ margin:0 12px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.picMarquee-left .bd ul li .pic{ text-align:center; }
.picMarquee-left .bd ul li .pic img{ width:282px; height:240px; display:block; padding:2px; border:1px solid #ccc; }
.picMarquee-left .bd ul li .pic a:hover img{ border-color:#999;  }
.picMarquee-left .bd ul li .title{ line-height:45px; height: 45px;    background: rgba(0, 0, 0, 0.7);color: #fff;text-align: center;font-size: 16px;  }
.picMarquee-left .bd ul li .title a{color: #fff;}



.main0{width: 100%;height: 260px;padding-top: 40px;background: #fff;}
.picScroll-left1{ overflow:hidden; position:relative;}
.picScroll-left1 .bd{ padding:0 55px;   }
.picScroll-left1 .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left1 .bd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center; position: relative; }
.picScroll-left1 .bd ul li .pic{ text-align:center; }
.picScroll-left1 .bd ul li .pic img{ width:200px; height:115px; display:block;border:1px solid #ddd;}
.picScroll-left1 .bd ul li .pic a:hover img{ border-color:#999;  }
.picScroll-left1 .prev,
.picScroll-left1 .next{ position:absolute; left:0%; top:50%; margin-top:-25px; display:block; width:50px; height:50px; background:url(../image/slider1-arrow.jpg) 0px 0px no-repeat; filter:alpha(opacity=80);opacity:0.8;   }
.picScroll-left1 .next{ left:auto; right:0%; background-position:-50px 0px; }
.picScroll-left1 .prev:hover,
.picScroll-left1 .next:hover{ filter:alpha(opacity=100);opacity:1;  }

.footer{width: 100%;background: #0161a3;height: 337px;}
.ft1{float: left;width: 320px;}
.ft2{float: left;width: 540px;margin-top: 35px;height: 260px;border-right: 1px solid #fff;}
.ft2 h4{color: #fff;font-size: 28px;line-height: 32px;}
.ft2 span{color: #fff;font-size: 12px;line-height: 12px;text-transform: uppercase;}
.ft2 p{font-size: 16px;color: #fff;line-height: 30px;}
.ft3{float: right;width: 320px;text-align: center;margin-top: 35px;height: 260px;}
.ft3 p{font-size: 14px;line-height: 25px;text-align: left;color: #fff;}
#text_search{padding-top: 20px;}
#text_search input:first-child {width: 180px; padding: 0 10px; float: left; line-height: 38px; height: 38px; background: none; outline: none; border:1px solid #fff; color: #fff; }
#text_search input:last-child {float: left; width: 40px; height: 40px; background:#fff url(../image/img03.jpg) no-repeat center center; cursor: pointer; border:none; }
#text_search input::-webkit-input-placeholder {color: #fefefe; }

.btn-group-vertical>.btn-group:after, .btn-toolbar:after, .clearfix:after, .container-fluid:after, .container:after, .dl-horizontal dd:after, .form-horizontal .form-group:after, .modal-footer:after, .nav:after, .navbar-collapse:after, .navbar-header:after, .navbar:after, .pager:after, .panel-body:after, .row:after {
    clear: both;
}
.btn-group-vertical>.btn-group:after, .btn-group-vertical>.btn-group:before, .btn-toolbar:after, .btn-toolbar:before, .clearfix:after, .clearfix:before, .container-fluid:after, .container-fluid:before, .container:after, .container:before, .dl-horizontal dd:after, .dl-horizontal dd:before, .form-horizontal .form-group:after, .form-horizontal .form-group:before, .modal-footer:after, .modal-footer:before, .nav:after, .nav:before, .navbar-collapse:after, .navbar-collapse:before, .navbar-header:after, .navbar-header:before, .navbar:after, .navbar:before, .pager:after, .pager:before, .panel-body:after, .panel-body:before, .row:after, .row:before {
    display: table;
    content: " ";
}
.content {
    margin: 30px 0;
}
/*内页*/
.inner_page .page_left{width: 22%; float: left; margin-right: 1%;}
.inner_page .page_right{width: 76%; float: left; margin-left: 1%;}
.inner_page .page_title{border-bottom: 2px solid #d7d7d7;}
.inner_page .page_title h4{float: left; font-size: 18px; color: #036eb8; font-weight: bold; position: relative; padding-bottom: 10px; display: inline-block;}
.inner_page .page_title h4:before{content: ""; position: absolute; bottom: -2px; left: 0; background: url("../image/top_gang.jpg") no-repeat; width: 100%; height: 2px; background-size: 100% 100%;}
.inner_page .page_title h4 span{font-size: 12px; color: #595959; font-family: "Arial"; font-weight: normal;}
.inner_page .page_title h5{float: right; font-size: 12px; color: #595959; margin-top: 5px;}
.inner_page .page_title h5 a{font-size: 12px; color: #595959;}
/*左侧*/
.inner_page .sideBar_page .n_tit{background: #036eb8; padding: 17px 0; text-align: center; position: relative;}
.inner_page .sideBar_page .n_tit>h4{font-size: 24px; color: #FFFFFF; font-weight: bold;}
.inner_page .sideBar_page .n_tit>h5{font-size: 16px; color: #c9c9c9; margin-top: 5px;text-transform: uppercase;font-weight: normal;}
.inner_page .sideBar_page .n_tit>span{position: absolute; right: 15px; top: 10px; font-size: 22px; color: #FFFFFF;}

.inner_page .sideBar_page .n_ul{background-color: #FFFFFF; border: 1px solid #e0e0e0}
.inner_page .sideBar_page .n_li{width: 100%; position: relative; border-bottom: 1px solid #e0e0e0;}
.inner_page .sideBar_page .n_li>a{display: block; height: 45px; padding-right: 20px; line-height: 45px; background-color: #fff; padding-left: 60px; font-size: 14px; color: #343434;    text-align: left;}
.inner_page .sideBar_page .n_li>a:before{content: ""; position: absolute; width: 2px; height: 100%; background-color: #ffffff; top: 0; bottom: 0; left: 0;}
.inner_page .sideBar_page .n_li>i{background: url("../image/jian1.png") no-repeat; background-size: 100% 100%; width: 16px; height: 16px; position: absolute; left: 30px; top: 0; bottom: 0; margin: auto; z-index: 9;}
.inner_page .sideBar_page .n_li:hover>a{color: #ff9000;}
.inner_page .sideBar_page .n_li:hover>i{background: url("../image/jian2.png") no-repeat; background-size: 100% 100%}
.inner_page .sideBar_page .n_li:hover>a:before{background-color: #ff9000;}
.inner_page .sideBar_page .side_call{position: relative; margin-top: 15px; width: 100%; height: 145px; background: url("../image/prct_left.jpg") no-repeat 50% 50%; background-size: cover;}
.inner_page .sideBar_page .side_call .call_txt{position: absolute; right: 10px; top: 30%; margin: auto; }
.inner_page .sideBar_page .side_call .call_txt h4{font-size: 14px; color: #1d1d1d; height: 30px; line-height: 30px; background: url("../image/cp_call.png") no-repeat left; padding-left: 30px;}
.inner_page .sideBar_page .side_call .call_txt h3{font-size: 22px; color: #083180; font-family: "Arial"; margin-top: 5px; font-weight: bold;}

/*产品页面*/
.product_page .prct_item{width: 100%; margin-bottom: 10px; border: 1px solid #dfdfdf; padding: 4px 4px 0 4px;}
.product_page .prct_item .imgbox{position: relative; display: block; overflow: hidden; border: 1px solid #dfdfdf;}
.product_page .prct_item .imgbox:before{content: ""; display: block; padding-top: 108%;}
.product_page .prct_item .imgbox .prct_img{position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; max-width: 100%; max-height: 100%;}
.product_page .prct_item .prct_txt{text-align: center; height: 30px; line-height: 30px; font-size: 14px; color: #595959;}
.product_page .prct_item:hover{border: 1px solid #036eb8;}
.product_page .prct_item:hover .imgbox .prct_img{transform:scale(1.1);}
/*内页*/
.product_show{width: 100%;}
.product_show .prct_title{text-align: center; font-size: 18px; color: #333333;}
.product_show .imgbox{text-align: center; overflow: hidden; margin-top: 20px;}
.product_show .imgbox img{max-width: 100%; height: auto;}
.product_show .txtbox{margin-top: 20px;}
.product_show .txtbox p{font-size: 14px; color: #333333; line-height: 25px;}

/*工程案例页面*/
.case_page .case_item{width: 100%; margin-bottom: 10px; border: 1px solid #dfdfdf; padding: 4px 4px 0 4px;}
.case_page .case_item .imgbox{position: relative; display: block; overflow: hidden; border: 1px solid #dfdfdf;}
.case_page .case_item .imgbox:before{content: ""; display: block; padding-top: 108%;}
.case_page .case_item .imgbox .case_img{position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; max-width: 100%; max-height: 100%;}
.case_page .case_item .case_txt{text-align: center; height: 30px; line-height: 30px; font-size: 14px; color: #595959;}
.case_page .case_item:hover{border: 1px solid #036eb8;}
.case_page .case_item:hover .imgbox .case_img{transform:scale(1.1);}
/*内页*/
.case_show{width: 100%;}
.case_show .case_title{text-align: center; font-size: 18px; color: #333333;}
.case_show .imgbox{text-align: center; overflow: hidden; margin-top: 20px;}
.case_show .imgbox img{max-width: 100%; height: auto;}
.case_show .txtbox{margin-top: 20px;}
.case_show .txtbox p{font-size: 14px; color: #333333; line-height: 25px;}

/*视频页面*/
.video_page{width: 100%;}
.video_page .video_item{width: 100%; margin-bottom: 20px; height: 320px;overflow: hidden;}
.video_page .video_item .video_box{width: 520px; height: 100%; float: left;}
.video_page .video_item .video_box img{width: 100%; height: 100%;}
.video_page .video_item .txtbox{width: calc(100% - 520px); height: 100%; float: left; display: table; padding: 0 40px;}
.video_page .video_item .txtbox .v_title{font-size: 24px; color: #292929; height: 25px; line-height: 25px; overflow: hidden;}
.video_page .video_item .txtbox h5{font-size: 13px; color: #999999; margin-top: 15px;}
.video_page .video_item .txtbox .v_txt{font-size: 14px; color: #696969; height: 150px; line-height: 25px; overflow: hidden; margin-top: 15px;}

/*新闻中心页面*/
.news_page .news_item{width: 100%; border-bottom: 1px double #e0e0e0; padding-bottom: 15px; margin-bottom: 15px;}
.news_page .news_item .news_box{position: relative; display: block; overflow: hidden; padding: 0 0 0 130px; top: 0;}
.news_page .news_item .imgbox{position: absolute; top: 0; left: 0; bottom: 0; margin: auto; overflow: hidden; border: 1px solid #cdcdcd;}
.news_page .news_item .imgbox .news_img{width: 130px; height: 100%;}
.news_page .news_item .txtbox{height: 90px; padding: 10px 15px;}
.news_page .news_item .txtbox .news_title{font-size: 14px; color: #080909; background: url("../image/wts_jian.png") no-repeat left; padding-left: 25px;    text-align: left;}
.news_page .news_item .txtbox .news_txt{height: 40px; font-size: 12px; color: #6f6f6f; line-height: 20px; margin-top: 10px; overflow: hidden;    text-align: left;}
.news_page .news_item .news_box:hover{top: -3px; box-shadow: 5px 5px 5px #aaa;}
/*内页*/
.news_show{width: 100%;}
.news_show .news_title{width: 100%; text-align: center; font-size: 22px; color: #292929; line-height:30px;}
.news_show .txtbox{margin-top: 20px;}
.news_show .txtbox img{max-width: 100%; height: auto}
.news_show .txtbox p{font-size: 14px; color: #636363; line-height: 25px;}
.news_show .imgbox{display: block; overflow: hidden; text-align: center; margin-top: 20px;}
.news_show .imgbox img{max-height: 100%; max-width: 100%; display: inline-block;}

/*关于我们页面*/
.about_page{width: 100%;}
.about_page .txtbox{overflow: hidden;}
.about_page .txtbox p{font-size: 14px; color: #333333; line-height: 25px;}

/*在线留言页面*/
.message_page .tact_tit{font-size: 16px; color: #333333;}
.message_page .form_box{width: 80%; margin: 20px auto 0 auto;}
.message_page .f_item{width: 100%;height: 32px; margin-bottom: 10px;}
.message_page .f_items{width: 100%; margin-bottom: 10px;}
.message_page .f_name{width: 80px; float: left; height: 100%; text-align: right; line-height: 32px; font-size: 13px; color: #333333;}
.message_page .f_txt{width: calc(100% - 80px); float: left; height: 100%; border: 1px solid #ccc; border-radius: 5px; padding: 0 5px; font-size: 13px;}
.message_page .f_txts{width: calc(100% - 80px); float: left; border: 1px solid #ccc; border-radius: 5px; padding: 5px; font-size: 13px;}
.message_page .f_item .f_btn{padding: 3px 25px; background-color: #036eb8; color: #ffffff; border: 1px solid #036eb8;}

/*联系我们页面*/
.contact_page{width: 100%;}
.contact_page .txtbox{font-size: 14px; color: #333333; line-height: 25px;}
.contact_page .ditu{margin-top: 15px; overflow: hidden; text-align: center;}
.contact_page .ditu img{width: 100%; height: auto;}
.con_layout{margin-top: 30px;}
.tcdPageCode{text-align: center;}
.tcdPageCode li{font-size: 12px;margin: 0 2px;display: inline-block;border:1px solid #036eb8;padding: 3px 8px;color:#036eb8;border-radius: 3px;}
.tcdPageCode li a{color:#036eb8;}
.xiao {
    padding-left: 5px;
    padding-right: 5px;
}

.col-lg-3 {
    width: 25%;float: left;}
